import './assets/main.css'

import { createApp, vModelDynamic } from 'vue'
import App from './App.vue'
import 'amfe-flexible' // 移动端样式适配
import router from './router/index'

import { Button, TabbarItem, Tabbar, Icon, 
  Image as VanImage, NavBar, ConfigProvider,
  DropdownMenu, DropdownItem, Tab, Tabs, Field, 
  CellGroup,Toast, Calendar,Collapse, CollapseItem,
  Popup, Rate, Stepper 
} from 'vant'

const app = createApp(App)

app.use(router)

app.use(Button)
app.use(TabbarItem)
app.use(Tabbar)
app.use(Icon)
app.use(VanImage)
app.use(NavBar)
app.use(ConfigProvider)
app.use(DropdownMenu)
app.use(DropdownItem)
app.use(Tab)
app.use(Tabs)
app.use(Field)
app.use(CellGroup)
app.use(Toast)
app.use(Calendar)
app.use(Collapse)
app.use(CollapseItem)
app.use(Popup)
app.use(Rate)
app.use(Stepper)

app.mount('#app')
